<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/css/layui.css"  media="all">
</head>

<style>
    body{
        background-image: url("/images/admin/bg.jpg");
        background-repeat:no-repeat;
        -moz-background-size:100% 100%;
    }
</style>
<body class="layui-layout-body">
<div class="layui-layout layui-row"  style="margin-top: 200px">


    <form class="layui-form layui-col-lg-offset5" action="/admin/login" method="post">
        <div class="layui-form-item">
            <label class="layui-form-label">用户名</label>
            <div class="layui-input-inline">
                <input type="text" name="name" required  lay-verify="required" placeholder="用户名" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">密码</label>
            <div class="layui-input-inline">
                <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="formDemo">登录</button>
            </div>
        </div>
    </form>


</div>
<script src="/layui.js"></script>
<script src="/vue.js"></script>
<script>
    //JavaScript代码区域
    layui.use('element', function(){
        var element = layui.element;
    });
</script>
<script>
    var vm = new Vue({
        el:'#box',
        data:{
            msg:'Hello World!',
        },
        methods: {
            get: function () {
                //发送get请求
                this.$http.get('/try/ajax/ajax_info.txt').then(function (res) {
                    document.write(res.body);
                }, function () {
                    console.log('请求失败处理');
                });
            }
        }

    });
</script>
</body>
</html>